<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				font-family: "微软雅黑";
			}
			
			#main {
				/*background-image: url(img/bgimg.png);
				background-size: 100%;*/
				/*width: 1366px;
				height: 662px;*/
			}
			
			body {
				/*background-image: url(img/bgimg.png);*/
				background-image: url(img/beijing.jpg);
			}
			
			#chat {
				background-color: white;
				/*height: 662px;*/
				overflow: hidden;
				width: 1000px;
				margin: auto;
				position: relative;
			}
			
			#left,
			#right {
				float: left;
			}
			
			#left {
				background-color: #2E3238;
				width: 280px;
				height: 100%;
			}
			
			#left_1 {
				height: 76px;
				width: 250px;
				margin: auto;
			}
			
			#left_1_bigImg {
				position: absolute;
				display: none;
				border-radius: 3px;
				left: 60px;
				top: 60px;
				z-index: 100;
			}
			
			#left_1 #touxiang {
				cursor: pointer;
				width: 40px;
				height: 40px;
				margin-top: 18px;
				margin-left: 3px;
				border-radius: 2px;
			}
			
			#left_1 span {
				margin-left: 10px;
				position: relative;
				top: -15px;
				color: white;
				font-size: 18px;
			}
			
			#left_1 .caidan1 {
				margin-bottom: 10px;
			}
			
			#left_1 .caidan2 {
				margin-bottom: 15px;
			}
			
			#left_2 {
				height: 32px;
				width: 247px;
				margin: auto;
				background-color: #26292E;
			}
			
			#left_2>img {
				padding: 4px 5px;
			}
			
			#left_2>input {
				/*border: 1px solid;*/
				width: 80%;
				position: relative;
				top: -12px;
				border: 0px;
				outline: none;
				color: #A4A4A4;
				font-size: 12px;
				background-color: #26292E;
			}
			
			#left_3 {
				border-bottom: #24272C;
				position: relative;
			}
			
			#left_3 img {
				cursor: pointer;
				padding: 5px 29.5px;
			}
			
			#left_4 {
				height: 100px;
				overflow: auto;
				height: 503px;
			}
			
			#left_4 ul {
				border: 1px solid #24272C;
				background-color: #292D32;
				display: none;
			}
			
			#left_4 ul li {
				background-color: #2F3239;
			}
			
			#left_4 .even img {
				width: 20px;
				margin: 10px 0px;
				margin-left: 20px;
				margin-right: 10px;
				border-radius: 15px;
			}
			
			#left_4 .even span {
				font-size: 12px;
				position: relative;
				top: -15px;
				color: #7E7E7F;
			}
			
			#left_4 .odd {
				width: 100%;
				height: 60px;
			}
			
			#left_4 .odd span {
				width: 180px;
				float: left;
				font-size: 12px;
				margin: 10px 15px;
				color: white;
			}
			
			#left_4 .odd img {
				margin-top: 10px;
			}
			
			::-webkit-scrollbar {
				width: 10px;
			}
			
			::-webkit-scrollbar-thumb {
				background-color: #595B60;
			}
			
			#left_4 table {
				width: 100%;
			}
			
			#left_4 table td {
				cursor: pointer;
				border-top: 1px solid #292C33;
				height: 65px;
				width: 270px;
			}
			
			#left_4 table #tab_touxiang {
				width: 40px;
				height: 40px;
				margin-left: 20px;
				border-radius: 3px;
			}
			
			#left_4 table span {
				position: relative;
				top: -28px;
				left: 3px;
				color: white;
				font-size: 12px;
			}
			
			#left_4 #left_4_div {
				background-color: #292D32;
				display: none;
			}
			
			#left_4 #left_4_div div {
				cursor: pointer;
				background-color: #2E3238;
				margin-bottom: 1px;
				font-size: 14px;
				color: white;
			}
			
			#left_4 #left_4_div img {
				width: 30px;
				height: 30px;
				margin: 10px 0px;
				margin-left: 20px;
				margin-right: 10px;
				border-radius: 3px;
				vertical-align: middle;
			}
			
			#left_4 #left_4_div p {
				width: 100%;
				padding: 2px 20px;
				color: #787B87;
				font-size: 14px;
			}
			
			#right {
				background-color: #EEEEEE;
				width: 718px;
				height: 100%;
				/*display: none;*/
			}
			
			#right_1 {
				height: 50px;
			}
			
			#right_1>span {
				cursor: pointer;
				position: relative;
				left: 45%;
				line-height: 50px;
				font-size: 13px;
			}
			
			#right_2 {
				border-top: 1px solid #D6D6D6;
				margin: auto;
				width: 682px;
				height: 477px;
				overflow: auto;
			}
			
			#right_2 #content li {
				list-style-type: none;
				margin-top: 10px;
				overflow: hidden;
			}
			
			#right_2 #content #time {
				font-size: 12px;
				background-color: #DCDCDC;
				margin: auto;
				margin-top: 10px;
				color: white;
				width: 80px;
				padding: 3px 10px;
				border-radius: 3px;
			}
			
			#right_2 #content #content_img {
				float: right;
				width: 40px;
				height: 40px;
				border-radius: 3px;
				margin-left: 10px;
			}
			
			#right_2 #content li #txt {
				float: right;
				background-color: #B2E281;
				padding: 10px 20px;
				font-size: 14px;
				border-radius: 3px;
			}
			
			#right_2 #xialatu {
				width: 682px;
				height: 116px;
				background-image: url(img/下拉图.png);
				display: none;
				position: absolute;
			}
			
			#right_2 #xialatu #xialatu_img {
				height: 40px;
				width: 40px;
				font-size: 8px;
				position: relative;
				left: 100px;
				top: 20px;
			}
			
			#right_2 #xialatu #xialatu_img img {
				width: 40px;
				height: 40px;
			}
			
			#right_3 {
				border-top: 1px solid #D6D6D6;
				width: 700px;
				height: 40px;
			}
			
			#right_B_2 {
				overflow: hidden;
				overflow: auto;
			}
			
			#right_B {
				display: none;
			}
			
			#right_B #right_B_1 {
				height: 50px;
				line-height: 50px;
				text-align: center;
				font-size: 14px;
				background-color: #EEEEEE;
				border-bottom: 1px solid #D6D6D6;
			}
			
			#right_B_2 img {
				width: 677px;
				margin-left: 20px;
			}
			
			#right_C {
				background-color: #EEEEEE;
				display: none;
			}
			
			#right_C_2>div img {
				width: 100px;
				position: relative;
				top: 80px;
				left: 310px;
			}
			
			#right_C_2>p {
				cursor: pointer;
				border-radius: 5px;
				position: relative;
				background-color: #42AC3E;
				left: 260px;
				top: 150px;
				width: 200px;
				height: 43px;
				overflow: auto;
				text-align: center;
				line-height: 42px;
				color: white;
				font-size: 14px;
			}
			
			#right_C #right_C_1 {
				height: 50px;
				line-height: 50px;
				text-align: center;
				font-size: 14px;
				border-bottom: 1px solid #D6D6D6;
				background-color: #EEEEEE;
			}
			
			#right_4 {
				/*height: 85px;*/
				width: 682px;
				margin: auto;
			}
			
			#right_5 {
				/*border: 1px solid;*/
				width: 682px;
				margin: auto;
				height: 50px;
				line-height: 40px;
			}
			
			#right_5 .right_5_txt {
				margin-left: 470px;
				color: #888888;
				font-size: 12px;
			}
			
			#right_5 .right_5_set {
				cursor: pointer;
				border: 1px solid #C1C1C1;
				border-radius: 3px;
				padding: 5px 30px;
				font-size: 14px;
				color: #474747;
				margin-left: 15px;
				background-color: white;
			}
			
			textarea {
				width: 100%;
				height: 100%;
				resize: none;
				outline: none;
				border: 0px;
				background-color: #EEEEEE;
			}
			
			.graysheng {
				background-color: #2E3238;
			}
			
			.grayqian {
				background-color: #3A3F45;
			}
			
			#face_div {
				border: 1px solid #DEDEDE;
				width: 475px;
				height: 270px;
				position: absolute;
				top: 255px;
				display: none;
			}
			
			#face_div .face_div1 {
				height: 40px;
			}
			
			#face_div .face_div1 .QQface {
				background-color: white;
				height: 32px;
				width: 90px;
				position: relative;
				left: 20px;
				top: 10px;
			}
			
			#face {
				cursor: pointer;
			}
			
			#face_div .face_div1 .QQface span {
				font-size: 14px;
				color: #404040;
				position: relative;
				left: 20px;
				top: 5px;
			}
			
			#face_div .face_div2 {
				height: 233px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 434px;
				/*background-image: url(img/qqfacePanel31e225.png);*/
				background-color: white;
			}
			
			#face_tab {
				width: 435px;
				height: 205px;
				position: relative;
				top: 14px;
				left: 23px;
			}
			
			#face_tab td{
				height: 25px;
				cursor: pointer;
			}
			#sousuo {
				position: absolute;
				background-color: #393C43;
				width: 245px;
				top: 5px;
				left: 18px;
				display: none;
				z-index: 100;
			}
			
			#sousuo .sousuo_first {
				color: #757884;
				padding: 5px 15px;
				border-bottom: 1px solid #33363B;
			}
			
			#sousuo_content .sousuo_li {
				border-bottom: 1px solid #33363B;
				font-size: 14px;
				color: white;
			}
			
			#sousuo_content .sousuo_li:hover {
				background-color: #595B64;
				cursor: pointer;
			}
			
			#sousuo_content .sousuo_li img {
				width: 30px;
				padding: 8px 15px;
				vertical-align: middle;
			}
		</style>
		<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				var setcontent = document.getElementById("set_content");
				var content = document.getElementById("right_2");
				var h = document.documentElement.clientHeight;
				var h1 = document.body.scrollHeight;
				var chat = document.getElementById("chat");
				var right_C_2 = document.getElementById("right_C_2");
				var right_B_2 = document.getElementById("right_B_2");
				chat.style.height = h1 + "px";
				right_C_2.style.height = h1 + "px"
				right_B_2.style.height = (h1 - 50) + "px";

				$(".right_5_set").click(function() {
					$("#face_div").slideUp(500)
					$("#xialatu").slideUp(1000);
					$("#left_1_bigImg").attr("style", "display: none;");
					$("#sousuo").attr("style", "display: none;");
					if($("#set_content").val() == "") {
						alert("不能发空消息！")

					} else {
						if($("#set_content")[0].value == "[微笑]") {
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/1.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[撇嘴]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/2.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[色]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/3.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[发呆]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/4.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[流泪]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/5.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[害羞]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/6.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[闭嘴]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/7.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[睡]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/8.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[大哭]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/9.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[尴尬]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/10.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[发怒]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/11.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[调皮]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/12.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[呲牙]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/13.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[惊讶]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/14.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[难过]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/15.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[冷汗]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/16.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[抓狂]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/17.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[吐]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/18.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[偷笑]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/19.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[可爱]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/20.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[白眼]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/21.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[傲慢]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/22.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[饥饿]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/23.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[困]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/24.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[惊恐]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/25.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[流汗]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/26.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[憨笑]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/27.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[大兵]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/28.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[奋斗]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/29.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[咒骂]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/30.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[疑问]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/31.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[嘘...]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/32.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[晕]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/33.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[折磨]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/34.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[衰]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/35.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[敲打]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/36.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[再见]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/37.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[擦汗]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/38.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[抠鼻]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/39.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[嗅大了]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/40.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[坏笑]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/41.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[左哼哼]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/42.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[右哼哼]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/43.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[哈欠]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/44.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[鄙视]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/45.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[委屈]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/46.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[快哭了]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/47.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[阴险]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/48.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[亲亲]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/49.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[吓]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/50.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[可怜]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/51.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[拥抱]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/52.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[月亮]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/53.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[太阳]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/54.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[炸弹]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/55.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[骷髅]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/56.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[菜刀]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/57.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[猪头]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/58.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[西瓜]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/59.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[咖啡]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/60.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[米饭]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/61.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[爱心]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/62.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[强]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/63.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[弱]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/64.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[握手]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/65.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[胜利]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/66.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[抱拳]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/67.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[勾引]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/68.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[我爱你]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/69.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[差劲]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/70.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[玫瑰]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/71.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[凋谢]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/72.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[示爱]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/73.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[献吻]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/74.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else if($("#set_content")[0].value == "[飞吻]"){
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='../day04/homework/img/266007025355415553.jpg'/>" + "<span id='txt'>" + "<img src='faceImg/75.gif'/>" + "</span>" + "</li>";
							setcontent.value = ""
						}else{
							$("#content")[0].innerHTML += "<li id='time'>" + new Date().toLocaleTimeString() + "</li>" + "<li>" + "<img id='content_img' src='img/头像.png'/>" + "<span id='txt'>" + $("textarea").val().replace(/</g, "&gt;").replace(/>/, "&lt;") + "</span>" + "</li>";
							setcontent.value = ""
						}
						
						content.scrollTop = content.scrollHeight;
					}

				})
				$("#touxiang").click(function() {
					$("#left_1_bigImg").toggle(500);
					$("#face_div").slideUp(500);
					$("#xialatu").slideUp(1000);
					$("#sousuo").attr("style", "display: none;");

				})
				var xialatu_img = document.getElementById("xialatu_img");
				var right_1_txt = document.getElementById("right_1_txt");
				$("#tab td").click(function() {
					$("#xialatu").slideUp(0);
					$("#tab td").attr("class", "graysheng");
					$(this).attr("class", "grayqian");
					right_1_txt.innerHTML = $(this).text();
					xialatu_img.innerHTML = $(this).html();
					$("#face_div").slideUp(500);
					$("#left_1_bigImg").attr("style", "display: none;");
					$("#sousuo").attr("style", "display: none;");
				})
				$("#face").click(function() {
					$("#face_div").slideToggle(500)
					$("#xialatu").slideUp(1000);
					$("#left_1_bigImg").attr("style", "display: none;");
					$("#sousuo").attr("style", "display: none;");
				})
				$("#right_1>span>span,#right_1>span>img").click(function() {
					$("#xialatu").slideToggle(1000);
					$("#face_div").slideUp(500)
					$("#left_1_bigImg").attr("style", "display: none;");
					$("#sousuo").attr("style", "display: none;");

				})
				$("#face_tab td").mouseover(function() {
					$(this).attr("style", "border: 1px solid #0000FF;");
					$(this).mouseout(function() {
						$(this).attr("style", "border: 0px;");
					})
				})

				$("#left_3>img:eq(0)").click(function() {
					$(this).attr("src", "img/left_3_green1.png");
					$("#left_3>img:eq(1)").attr("src", "img/left_3_white2.png");
					$("#left_3>img:eq(2)").attr("src", "img/left_3_white3.png");
					$("#tab").attr("style", "display: block;")
					$("#left_4_div").attr("style", "display: none;");
					$("#left_4_ul").attr("style", "display: none;");
					$("#right").attr("style", "display: block;");
					$("#right_B").attr("style", "display: none;");
					$("#right_C").attr("style", "display: none;");
				});
				$("#left_3>img:eq(1)").click(function() {
					$(this).attr("src", "img/left_3_green2.png");
					$("#left_3>img:eq(0)").attr("src", "img/left_3_white1.png");
					$("#left_3>img:eq(2)").attr("src", "img/left_3_white3.png");
					$("#tab").attr("style", "display: none;");
					$("#left_4_div").attr("style", "display: none;");
					$("#left_4_ul").attr("style", "display: block;");
					$("#right").attr("style", "display: none;");
					$("#right_B").attr("style", "display: block;");
					$("#right_C").attr("style", "display: none;");
				});
				$("#left_3>img:eq(2)").click(function() {
					$(this).attr("src", "img/left_3_green3.png");
					$("#left_3>img:eq(0)").attr("src", "img/left_3_white1.png");
					$("#left_3>img:eq(1)").attr("src", "img/left_3_white2.png");
					$("#tab").attr("style", "display: none;");
					$("#left_4_ul").attr("style", "display: none;");
					$("#left_4_div").attr("style", "display: block;");
					$("#right").attr("style", "display: none;");
					$("#right_B").attr("style", "display: none;");
					$("#right_C").attr("style", "display: block;");
				});
				var left_3_btn2_right_1_span = document.getElementById("right_B_1_span");
				left_3_btn2_right_1_span.innerHTML = $("#left_4_ul>li:first").text()
				$("#left_4 li:odd").attr("style", "margin-bottom: 10px;cursor: pointer;").click(function() {
					$("#left_4 li:odd").attr("style", "margin-bottom: 10px;background-color: #2F3239;cursor: pointer;");
					$(this).attr("style", "margin-bottom: 10px;background-color: #3A3F45;cursor: pointer;");
					left_3_btn2_right_1_span.innerHTML = $(this).prev().text();
					if($(this).prev().text() == "天津全接触") {
						$("#right_B_2")[0].innerHTML = null;
						$("#right_B_2").append('<img src="img-right2/00.png"/>');
						$("#right_B_2").append('<img src="img-right2/0.gif"/>');
						$("#right_B_2").append('<img src="img-right2/1.gif"/>');
						$("#right_B_2").append('<img src="img-right2/03.png"/>');
						$("#right_B_2").append('<img src="img-right2/4.png"/>');
						$("#right_B_2").append('<img src="img-right2/5.png"/>');
						$("#right_B_2").append('<img src="img-right2/6.png"/>');
						$("#right_B_2").append('<img src="img-right2/7.png"/>');
						$("#right_B_2").append('<img src="img-right2/8.png"/>');
						$("#right_B_2").append('<img src="img-right2/9.png"/>');
						$("#right_B_2").append('<img src="img-right2/10.png"/>');
						$("#right_B_2").append('<img src="img-right2/12.png"/>');
					}
					if($(this).prev().text() == "天津出发") {
						$("#right_B_2")[0].innerHTML = null;
						$("#right_B_2").append('<img src="img-right2/02-0.png"/>');
						$("#right_B_2").append('<img src="img-right2/0.gif"/>');
						$("#right_B_2").append('<img src="img-right2/02-03.gif"/>');
						$("#right_B_2").append('<img src="img-right2/02-04.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-05.gif"/>');
						$("#right_B_2").append('<img src="img-right2/02-02.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-06.gif"/>');
						$("#right_B_2").append('<img src="img-right2/02-07.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-08.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-09.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-10.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-11.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-12.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-13.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-14.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-15.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-16.gif"/>');
						$("#right_B_2").append('<img src="img-right2/02-17.png"/>');
						$("#right_B_2").append('<img src="img-right2/02-18.gif"/>');
					}
					if($(this).prev().text() == "天津雅颂居") {
						$("#right_B_2")[0].innerHTML = null;
						$("#right_B_2").append('<img src="img-right2/03-01.png"/>');
						$("#right_B_2").append('<img src="img-right2/03-02.gif"/>');
						$("#right_B_2").append('<img src="img-right2/03-03.png"/>');
						$("#right_B_2").append('<img src="img-right2/03-04.gif"/>');
						$("#right_B_2").append('<img src="img-right2/03-05.png"/>');
						$("#right_B_2").append('<img src="img-right2/03-06.gif"/>');
						$("#right_B_2").append('<img src="img-right2/03-07.png"/>');
						$("#right_B_2").append('<img src="img-right2/03-08.png"/>');
						$("#right_B_2").append('<img src="img-right2/03-09.png"/>');
						$("#right_B_2").append('<img src="img-right2/03-10.png"/>');
						$("#right_B_2").append('<img src="img-right2/03-11.gif"/>');
					}
					if($(this).prev().text() == "前端早读课") {
						$("#right_B_2")[0].innerHTML = null;
						$("#right_B_2").append('<img src="img-right2/04-01.png"/>');
						$("#right_B_2").append('<img src="img-right2/04-02.png"/>');
						$("#right_B_2").append('<img src="img-right2/04-03.png"/>');
						$("#right_B_2").append('<img src="img-right2/04-04.png"/>');
						$("#right_B_2").append('<img src="img-right2/04-05.png"/>');
						$("#right_B_2").append('<img src="img-right2/04-06.png"/>');
						$("#right_B_2").append('<img src="img-right2/04-07.png"/>');
						$("#right_B_2").append('<img src="img-right2/04-08.png"/>');
						$("#right_B_2").append('<img src="img-right2/04-09.png"/>');
					}
					if($(this).prev().text() == "天津玩乐汇") {
						$("#right_B_2")[0].innerHTML = null;
						$("#right_B_2").append('<img src="img-right2/05-01.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-02.gif"/>');
						$("#right_B_2").append('<img src="img-right2/05-03.gif"/>');
						$("#right_B_2").append('<img src="img-right2/05-04.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-05.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-06.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-07.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-08.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-09.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-10.gif"/>');
						$("#right_B_2").append('<img src="img-right2/05-11.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-12.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-13.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-14.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-15.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-16.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-17.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-18.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-19.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-20.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-21.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-22.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-23.png"/>');
						$("#right_B_2").append('<img src="img-right2/05-24.gif"/>');

					}
				}) /*prev 元素紧邻的前一个同辈元素*/
				var right_C_2_div = document.getElementById("right_C_2_div");
				var right_C_2_li1 = document.getElementById("right_C_2_li1");
				var right_C_2_li3 = document.getElementById("right_C_2_li3");
				$("#left_4_div div").click(function() {
					$("#left_4_div div").attr("style", "background-color: #2E3238;");
					$(this).attr("style", "background-color: #3A3F45;")
					right_C_2_div.innerHTML = $(this).children().html();
					right_C_2_li1.innerHTML = $(this).children(".txt").html();
					right_C_2_li3.innerHTML = $(this).children(".txt").html();
					if($(this).text() == "阿辉") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nan.png");
						$("#right_C li:eq(1)").html("1777171456");
						$("#right_C li:eq(3) span").html("地区：河南 侉子");
					}
					if($(this).text() == "A林克") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nan.png");
						$("#right_C li:eq(1)").html("我们都走在一条无法回头的路，所以，必须坚持下去");
						$("#right_C li:eq(3) span").html("地区：宁夏 西吉");
					}
					if($(this).text() == "阿杜") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nan.png");
						$("#right_C li:eq(1)").html("我就是一个贱人，哈哈哈哈哈哈哈哈");
						$("#right_C li:eq(3) span").html("地区：四川 蛋蛋");
					}
					if($(this).text() == "冰清") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nv.png");
						$("#right_C li:eq(1)").html("我用我的善良衬托出你的美！");
						$("#right_C li:eq(3) span").html("地区：安徽 宿州");
					}
					if($(this).text() == "步易泽") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nan.png");
						$("#right_C li:eq(1)").html("步步为营，易为择");
						$("#right_C li:eq(3) span").html("地区：河北 承德");
					}
					if($(this).text() == "扮己") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nan.png");
						$("#right_C li:eq(1)").html("生意辉煌，人生就是一个顺字");
						$("#right_C li:eq(3) span").html("地区：宁夏 固原");
					}
					if($(this).text() == "Clase") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nan.png");
						$("#right_C li:eq(1)").html("人生处处是战场，谁都可能变凤凰");
						$("#right_C li:eq(3) span").html(" 宁夏 海原");
					}
					if($(this).text() == "灿烂的生命@") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nv.png");
						$("#right_C li:eq(1)").html("我用双手成就你的梦想！！！");
						$("#right_C li:eq(3) span").html("地区：山西 阳泉 ");
					}
					if($(this).text() == "常姐") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nv.png");
						$("#right_C li:eq(1)").html("天天开心就是我每天的工作");
						$("#right_C li:eq(3) span").html(" 河北 郸蝉 ");
					}
					if($(this).text() == "杜老板") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nan.png");
						$("#right_C li:eq(1)").html("我就是太阳，不借谁的光，我会走向胜利");
						$("#right_C li:eq(3) span").html(" ");
					}
					if($(this).text() == "东东") {
						$("#right_C li:eq(0) img").attr("src", "img/sex_nan.png");
						$("#right_C li:eq(1)").html("球球大作战，球球的世界你懂吗？");
						$("#right_C li:eq(3) span").html(" ");
					}
				});
				/*prepend 动态添加*/
				$("#left_2_input").blur(function() {
					if($("#left_2_input").val() != "A" && $("#left_2_input").val() != "a" && $("#left_2_input").val() != "B" && $("#left_2_input").val() != "b" && $("#left_2_input").val() != "C" && $("#left_2_input").val() != "c" && $("#left_2_input").val() != "D" && $("#left_2_input").val() != "d") {
						$("#sousuo>li").html("找不到匹配结果")
						$("#sousuo_content li").remove()
						$("#sousuo").attr("style", "display: block;")
					} else {
						if($("#left_2_input").val() == "A" || $("#left_2_input").val() == "a") {
							$("#sousuo>li").html("好友");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/李龙辉.png'/>阿辉</li>");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/马林科.png'/>A林克</li>");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/杜军.png'/>阿杜</li>");
							$("#sousuo").attr("style", "display: block;")
						}
						if($("#left_2_input").val() == "B" || $("#left_2_input").val() == "b") {
							$("#sousuo>li").html("好友");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/冰清.png'/>冰清</li>");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/步易泽.png'/>步易泽</li>");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/武林.png'/>扮己</li>");
							$("#sousuo").attr("style", "display: block;")
						}
						if($("#left_2_input").val() == "C" || $("#left_2_input").val() == "c") {
							$("#sousuo>li").html("好友");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/马小平.png'/>Clase</li>");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/穆晓斌.png'/>灿烂的生命@</li>");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/常姐.png'/>常姐</li>");
							$("#sousuo").attr("style", "display: block;")
						}
						if($("#left_2_input").val() == "D" || $("#left_2_input").val() == "d") {
							$("#sousuo>li").html("好友");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/李亚东.png'/>杜老板</li>");
							$("#sousuo_content").prepend("<li class='sousuo_li'><img src='img/李伟.png'/>东东</li>");
							$("#sousuo").attr("style", "display: block;")
						}
					}

				})

				$("#face_tab td").click(function() {
					$("#set_content")[0].value=$(this)[0].children[1].innerHTML
				})
			})
		</script>
	</head>

	<body>
		<!--<img src="faceImg/1.gif"/>-->
		<div id="main">
			<div id="chat">
				<div id="left">
					<div id="left_1">
						<img id="touxiang" src="img/头像.png" />
						<span>小马哥</span>
						<span style="margin-left: 100px; width: 60px; height: 60px;"><img src="img/下拉栏.png"/></span>
					</div>
					<img id="left_1_bigImg" src="img/头像，大.png" />;
					<div id="left_2"><img src="img/06.png" /><input id="left_2_input" type="text" id="" placeholder="搜索" /></div>
					<div id="left_3">
						<img src="img/left_3_green1.png" /><img src="img/left_3_white2.png" /><img src="img/left_3_white3.png" />
						<ul id="sousuo">
							<li class="sousuo_first">好友</li>
							<ul id="sousuo_content">
							</ul>
						</ul>
					</div>
					<div id="left_4">
						<div id="left_4_div">
							<p>A</p>
							<div style="background-color: #3A3F45;"><span><img src="img/李龙辉.PNG"/></span><span class="txt">阿辉</span></div>
							<div><span><img src="img/马林科.png"/></span><span class="txt">A林克</span></div>
							<div><span><img src="img/杜军.png"/></span><span class="txt">阿杜</span></div>
							<p>B</p>
							<div><span><img src="img/冰清.png"/></span><span class="txt">冰清</span></div>
							<div><span><img src="img/步易泽.png"/></span><span class="txt">步易泽</span></div>
							<div><span><img src="img/武林.png"/></span><span class="txt">扮己</span></div>
							<p>C</p>
							<div><span><img src="img/6.PNG"/></span><span class="txt">Clase</span></div>
							<div><span><img src="img/穆晓斌.png"/></span><span class="txt">灿烂的生命@</span></div>
							<div><span><img src="img/常姐.png"/></span><span class="txt">常姐</span></div>
							<p>D</p>
							<div><span><img src="img/李亚东.PNG"/></span><span class="txt">杜老板</span></div>
							<div><span><img src="img/李伟.png"/></span><span class="txt">东东</span></div>
						</div>
						<ul id="left_4_ul">
							<li class="even"><img src="img/webwxgeticon.jpg" /><span>天津全接触</span></li>
							<li class="odd"><span>天津148起“毒驾”被查！这些药物吃完开车竟也按毒驾罚？</span><img src="img/left4_odd_img1.png" /></li>
							<li class="even"><img src="img/webwxgeticon (1).jpg" /><span>天津出发</span></li>
							<li class="odd"><span>全国大牌景区疯狂降价！最高净省200元！1月底就结束啦，速</span><img src="img/left4_odd_img2.png" /></li>
							<li class="even"><img src="img/webwxgeticon5.jpg" /><span>天津雅颂居</span></li>
							<li class="odd"><span>【第816期】node服务的监控预警系统架构</span><img src="img/left4_odd_img3.png" /></li>
							<li class="even"><img src="img/webwxgeticon (3).jpg" /><span>前端早读课</span></li>
							<li class="odd"><span>2017的初雪·来的正是时候...</span><img src="img/left4_odd_img4.png" /></li>
							<li class="even"><img src="img/webwxgeticon06.jpg" /><span>天津玩乐汇</span></li>
							<li class="odd"><span>传遍朋友圈的这100张天津卫老照片，太震撼了！你见过几张？</span><img src="img/left4_odd_img5.png" /></li>

						</ul>
						<table id="tab" cellpadding="0" cellspacing="0">
							<tr>
								<td name="td" id="1" class="grayqian">
									<img id="tab_touxiang" src="img/冰清.PNG" />
									<span>冰清</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="2">
									<img id="tab_touxiang" src="img/touxiang07.jpg" />
									<span>文件传输助手</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="3">
									<img id="tab_touxiang" src="img/杜军.PNG" />
									<span>杜军</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="4">
									<img id="tab_touxiang" src="img/马林科.PNG" />
									<span>马林科</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="5">
									<img id="tab_touxiang" src="img/李龙辉.PNG" />
									<span>李龙辉</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="6">
									<img id="tab_touxiang" src="img/李伟.PNG" />
									<span>李伟</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="7">
									<img id="tab_touxiang" src="img/李国飞.png" />
									<span>李国飞</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="8">
									<img id="tab_touxiang" src="img/6.PNG" />
									<span>马小平</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="9">
									<img id="tab_touxiang" src="img/侯老师.png" />
									<span>侯老师</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="10">
									<img id="tab_touxiang" src="img/高福泽.png" />
									<span>高福泽</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="11">
									<img id="tab_touxiang" src="img/马贵.png" />
									<span>马贵</span>
								</td>
							</tr>
							<tr>
								<td name="td" id="12">
									<img id="tab_touxiang" src="img/妹妹.PNG" />
									<span>妹妹</span>
								</td>
							</tr>
						</table>
					</div>
				</div>

				<div id="right_B">
					<div id="right_B_1"><span id="right_B_1_span"></span></div>
					<div id="right_B_2">
						<img src="img-right2/00.png" /><img src="img-right2/0.gif" /><img src="img-right2/1.gif" /><img src="img-right2/03.png" /><img src="img-right2/4.png" /><img src="img-right2/5.png" /><img src="img-right2/6.png" /><img src="img-right2/7.png" /><img src="img-right2/8.png" /><img src="img-right2/9.png" /><img src="img-right2/10.png" /><img src="img-right2/12.png" />
					</div>
				</div>
				<div id="right_C">
					<div id="right_C_1"><span id="right_C_1_span">详细信息</span></div>
					<div id="right_C_2">
						<div id="right_C_2_div">
							<img src="img/李龙辉.PNG" />
						</div>
						<ul style=" margin-left: 320px; width: 666px; position: relative;top: 100px;text-align: center;">
							<li style="font-size: 22px;position: absolute;left: 43%; top: -50px;"><span id="right_C_2_li1">A阿辉 </span><img style="width: 20px; position: relative; left: 0px; top: 0px;" src="img/sex_nan.png" /></li>
							<li style="font-size: 12px;color: #909090;margin-top: 50px;">15122969210</li>
							<li style="font-size: 12px;color: #909090;margin-top: 20px;">备注：<span id="right_C_2_li3">李龙辉</span></li>
							<li style="font-size: 12px;color: #909090;margin-top: 8px ;"><span>地区：河南 胯子</span></li>
						</ul>
						<p>发消息</p>
					</div>
				</div>
				<div id="right">
					<div id="right_1"><span><span id="right_1_txt">冰清</span><img src="img/下箭头.png" /></span>
					</div>
					<div id="right_2">
						<div id="xialatu">
							<div id="xialatu_img">
								<img src="img/webwxgetmsgimg.jpg" /> 冰清
							</div>
						</div>
						<ul id="content"></ul>
						<div id="face_div">
							<div class="face_div1">
								<ul>
									<li class="QQface"><span>QQ表情</span></li>
								</ul>
							</div>
							<div class="face_div2">
								<table id="face_tab">
									<tr>
										<td><img src="faceImg/1.gif"/><span style="position: absolute; z-index: -10;">[微笑]</span></td>
										<td><img src="faceImg/2.gif"/><span style="position: absolute; z-index: -10;">[撇嘴]</span></td>
										<td><img src="faceImg/3.gif"/><span style="position: absolute; z-index: -10;">[色]</span></td>
										<td><img src="faceImg/4.gif"/><span style="position: absolute; z-index: -10;">[发呆]</span></td>
										<td><img src="faceImg/5.gif"/><span style="position: absolute; z-index: -10;">[流泪]</span></td>
										<td><img src="faceImg/6.gif"/><span style="position: absolute; z-index: -10;">[害羞]</span></td>
										<td><img src="faceImg/7.gif"/><span style="position: absolute; z-index: -10;">[闭嘴]</span></td>
										<td><img src="faceImg/8.gif"/><span style="position: absolute; z-index: -10;">[睡]</span></td>
										<td><img src="faceImg/9.gif"/><span style="position: absolute; z-index: -10;">[大哭]</span></td>
										<td><img src="faceImg/10.gif"/><span style="position: absolute; z-index: -10;">[尴尬]</span></td>
										<td><img src="faceImg/11.gif"/><span style="position: absolute; z-index: -10;">[发怒]</span></td>
										<td><img src="faceImg/12.gif"/><span style="position: absolute; z-index: -10;">[调皮]</span></td>
										<td><img src="faceImg/13.gif"/><span style="position: absolute; z-index: -10;">[呲牙]</span></td>
										<td><img src="faceImg/14.gif"/><span style="position: absolute; z-index: -10;">[惊讶]</span></td>
										<td><img src="faceImg/15.gif"/><span style="position: absolute; z-index: -10;">[难过]</span></td>
									</tr>
									<tr>
										<td><img src="faceImg/16.gif"/><span style="position: absolute; z-index: -10;">[冷汗]</span></td>
										<td><img src="faceImg/17.gif"/><span style="position: absolute; z-index: -10;">[抓狂]</span></td>
										<td><img src="faceImg/18.gif"/><span style="position: absolute; z-index: -10;">[吐]</span></td>
										<td><img src="faceImg/19.gif"/><span style="position: absolute; z-index: -10;">[偷笑]</span></td>
										<td><img src="faceImg/20.gif"/><span style="position: absolute; z-index: -10;">[可爱]</span></td>
										<td><img src="faceImg/21.gif"/><span style="position: absolute; z-index: -10;">[白眼]</span></td>
										<td><img src="faceImg/22.gif"/><span style="position: absolute; z-index: -10;">[傲慢]</span></td>
										<td><img src="faceImg/23.gif"/><span style="position: absolute; z-index: -10;">[饥饿]</span></td>
										<td><img src="faceImg/24.gif"/><span style="position: absolute; z-index: -10;">[困]</span></td>
										<td><img src="faceImg/25.gif"/><span style="position: absolute; z-index: -10;">[惊恐]</span></td>
										<td><img src="faceImg/26.gif"/><span style="position: absolute; z-index: -10;">[流汗]</span></td>
										<td><img src="faceImg/27.gif"/><span style="position: absolute; z-index: -10;">[憨笑]</span></td>
										<td><img src="faceImg/28.gif"/><span style="position: absolute; z-index: -10;">[大兵]</span></td>
										<td><img src="faceImg/29.gif"/><span style="position: absolute; z-index: -10;">[奋斗]</span></td>
										<td><img src="faceImg/30.gif"/><span style="position: absolute; z-index: -10;">[咒骂]</span></td>
									</tr>
									<tr>
										<td><img src="faceImg/31.gif"/><span style="position: absolute; z-index: -10;">[疑问]</span></td>
										<td><img src="faceImg/32.gif"/><span style="position: absolute; z-index: -10;">[嘘...]</span></td>
										<td><img src="faceImg/33.gif"/><span style="position: absolute; z-index: -10;">[晕]</span></td>
										<td><img src="faceImg/34.gif"/><span style="position: absolute; z-index: -10;">[折磨]</span></td>
										<td><img src="faceImg/35.gif"/><span style="position: absolute; z-index: -10;">[衰]</span></td>
										<td><img src="faceImg/36.gif"/><span style="position: absolute; z-index: -10;">[敲打]</span></td>
										<td><img src="faceImg/37.gif"/><span style="position: absolute; z-index: -10;">[再见]</span></td>
										<td><img src="faceImg/38.gif"/><span style="position: absolute; z-index: -10;">[擦汗]</span></td>
										<td><img src="faceImg/39.gif"/><span style="position: absolute; z-index: -10;">[抠鼻]</span></td>
										<td><img src="faceImg/40.gif"/><span style="position: absolute; z-index: -10;">[嗅大了]</span></td>
										<td><img src="faceImg/41.gif"/><span style="position: absolute; z-index: -10;">[坏笑]</span></td>
										<td><img src="faceImg/42.gif"/><span style="position: absolute; z-index: -10;">[左哼哼]</span></td>
										<td><img src="faceImg/43.gif"/><span style="position: absolute; z-index: -10;">[右哼哼]</span></td>
										<td><img src="faceImg/44.gif"/><span style="position: absolute; z-index: -10;">[哈欠]</span></td>
										<td><img src="faceImg/45.gif"/><span style="position: absolute; z-index: -10;">[鄙视]</span></td>
									</tr>
									<tr>
										<td><img src="faceImg/46.gif"/><span style="position: absolute; z-index: -10;">[委屈]</span></td>
										<td><img src="faceImg/47.gif"/><span style="position: absolute; z-index: -10;">[快哭了]</span></td>
										<td><img src="faceImg/48.gif"/><span style="position: absolute; z-index: -10;">[阴险]</span></td>
										<td><img src="faceImg/49.gif"/><span style="position: absolute; z-index: -10;">[亲亲]</span></td>
										<td><img src="faceImg/50.gif"/><span style="position: absolute; z-index: -10;">[吓]</span></td>
										<td><img src="faceImg/51.gif"/><span style="position: absolute; z-index: -10;">[可怜]</span></td>
										<td><img src="faceImg/52.gif"/><span style="position: absolute; z-index: -10;">[拥抱]</span></td>
										<td><img src="faceImg/53.gif"/><span style="position: absolute; z-index: -10;">[月亮]</span></td>
										<td><img src="faceImg/54.gif"/><span style="position: absolute; z-index: -10;">[太阳]</span></td>
										<td><img src="faceImg/55.gif"/><span style="position: absolute; z-index: -10;">[炸弹]</span></td>
										<td><img src="faceImg/56.gif"/><span style="position: absolute; z-index: -10;">[骷髅]</span></td>
										<td><img src="faceImg/57.gif"/><span style="position: absolute; z-index: -10;">[菜刀]</span></td>
										<td><img src="faceImg/58.gif"/><span style="position: absolute; z-index: -10;">[猪头]</span></td>
										<td><img src="faceImg/59.gif"/><span style="position: absolute; z-index: -10;">[西瓜]</span></td>
										<td><img src="faceImg/60.gif"/><span style="position: absolute; z-index: -10;">[咖啡]</span></td>
									</tr>
									<tr>
										<td><img src="faceImg/61.gif"/><span style="position: absolute; z-index: -10;">[米饭]</span></td>
										<td><img src="faceImg/62.gif"/><span style="position: absolute; z-index: -10;">[爱心]</span></td>
										<td><img src="faceImg/63.gif"/><span style="position: absolute; z-index: -10;">[强]</span></td>
										<td><img src="faceImg/64.gif"/><span style="position: absolute; z-index: -10;">[弱]</span></td>
										<td><img src="faceImg/65.gif"/><span style="position: absolute; z-index: -10;">[握手]</span></td>
										<td><img src="faceImg/66.gif"/><span style="position: absolute; z-index: -10;">[胜利]</span></td>
										<td><img src="faceImg/67.gif"/><span style="position: absolute; z-index: -10;">[抱拳]</span></td>
										<td><img src="faceImg/68.gif"/><span style="position: absolute; z-index: -10;">[勾引]</span></td>
										<td><img src="faceImg/69.gif"/><span style="position: absolute; z-index: -10;">[我爱你]</span></td>
										<td><img src="faceImg/70.gif"/><span style="position: absolute; z-index: -10;">[差劲]</span></td>
										<td><img src="faceImg/71.gif"/><span style="position: absolute; z-index: -10;">[玫瑰]</span></td>
										<td><img src="faceImg/72.gif"/><span style="position: absolute; z-index: -10;">[凋谢]</span></td>
										<td><img src="faceImg/73.gif"/><span style="position: absolute; z-index: -10;">[示爱]</span></td>
										<td><img src="faceImg/74.gif"/><span style="position: absolute; z-index: -10;">[献吻]</span></td>
										<td><img src="faceImg/75.gif"/><span style="position: absolute; z-index: -10;">[飞吻]</span></td>
									</tr>
									
								</table>
							</div>
						</div>
					</div>
					
					<input type="file" style="width: 30px; position: relative; top: 30px; left: 80px; opacity: 0;"/><div id="right_3"><img id="face" style="margin-left: 15px;" src="img/right_3_1.png" /><img src="img/right_3_2.png" /><img src="img/right_3_3.png" /></div>
					<div id="right_4"><textarea id="set_content"></textarea></div>
					<div id="right_5"><span class="right_5_txt">按下Ctrl+Enter换行</span><span class="right_5_set">发送</span></div>
				</div>
			</div>
		</div>
	</body>
</html>